.itq-wrapper{
    width: 980px;
    margin: 0px auto;
    padding: 0px 5px;
    border: 1px solid red;
}
.itq-header{
    background: #111;
    height: 43px;
    overflow: hidden;
}
.itq-header .itq-wrapper{}
.itq-header .itq-wrapper figure{
    float: left;
    margin: 0px 10px 0px 0px; 
}
.itq-header .itq-wrapper figure a{}
.itq-header .itq-wrapper figure a img{}
.itq-header .itq-wrapper form{
    float: left;
    margin: 5px 0px;
}
.itq-header .itq-wrapper form input[type="text"]{
    border-radius: 5px 0px 0px 5px;
    width: 300px;
    padding: 5px 5px 5px 20px;
    background: url(../images/icons.png)no-repeat 5px -34px #fff;
    color: #888;
    border: 2px solid #333;
    border-right: 0;
}
.itq-header .itq-wrapper form input[type=submit]{
    border-radius: 0px 5px 5px 0px;
    width: 100px;
    padding: 5px 5px 5px 5px;
    background: #FF6B00;
    border: 2px solid #333;
    margin: 0px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
}
.itq-header .itq-wrapper ul.apps{
    float: left;
    list-style: none;
}
.itq-header .itq-wrapper ul.apps li{
    float: left;
    line-height: 43px;
    margin: 0px 0px 0px 0px;
    padding: 0 0px;
}
.itq-header .itq-wrapper ul.apps li.mp3{}
.itq-header .itq-wrapper ul.apps li.tv{}
.itq-header .itq-wrapper ul.apps li.me{}
.itq-header .itq-wrapper ul.apps li.me{}
.itq-header .itq-wrapper ul.apps li a{
    padding: 0px 10px;
    color: #fff;
}
.itq-header .itq-wrapper ul.apps li a:hover{
    text-decoration: none;
}
.itq-header .itq-wrapper .bookmark{
    float: right;
}
.itq-header .itq-wrapper .bookmark a:hover{
    text-decoration: none;
}
.itq-header .itq-wrapper .bookmark a{
    color: #FF6B00;
    float: right;
    display: block;
    float: left;
    font-size: 11px;
    text-transform: uppercase;
    border-left: 1px solid #000;
    background-color: #111;
    padding: 15px 10px 10px 10px;
}
.itq-header .itq-wrapper .noti5{
    text-align: center;
}
.itq-header .itq-wrapper .noti5 a.btnHot:hover{
    text-decoration: none;
}
.itq-header .itq-wrapper .noti5 a.btnHot{
    color: #fff;
    float: right;
    display: block;
    float: left;
    font-size: 11px;
    text-transform: uppercase;
    border-left: 1px solid #000;
    background-color: #111;
    padding: 15px 10px 10px 10px;
}
/*===============header=============*/

.itq-container{}
.itq-container .itq-wrapper{}
.itq-container .itq-wrapper .header-top{}
.itq-container .itq-wrapper .header-top figure{
    margin: 0px;
    padding: 0px;
}
.itq-container .itq-wrapper .header-top figure a{}
.itq-container .itq-wrapper .header-top figure a img{
    width: 100%;
}
.itq-container .itq-wrapper .itq-navigation{
    border-bottom: 1px solid #ddd;
}
.top{
    position: fixed;
    top:0px;
    background:#fff;
    width: 980px;
}
/* ------ MAIN ---- */
.itq-container .itq-wrapper .itq-navigation ul.main{
    margin:0px;
    padding:0px;
    list-style:none;
}
.itq-container .itq-wrapper .itq-navigation ul.main li.main{
    float:left;
    position:relative;
}
.itq-container .itq-wrapper .itq-navigation ul.main li.main a.main{
    float:left;
    margin:0px;
    padding:0px 7px;
    line-height:30px;
    color:#007197;
    text-decoration:none;
    white-space: nowrap;
    display: block;
    width: 100%;
    height: 26px;
    font-family: 'Roboto-Condensed';
    }
.itq-container .itq-wrapper .itq-navigation ul.main li.main a.main .main-arrow{
    display: inline-block;
    margin: 0px 0px 0px 5px;
    vertical-align: middle;
    border-top: 4px solid #FFF;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 0 dotted;
    content: "";
}
.itq-container .itq-wrapper .itq-navigation ul.main li.main:hover  ul.item{
    opacity: 1;
    visibility: visible;
    -webkit-animation: fadeInUp 0.3s ease 0s;
    -moz-animation: fadeInUp 0.3s ease 0s;
    -o-animation: fadeInUp 0.3s ease 0s;
    animation: fadeInUp 0.3s ease 0s;
}

.itq-container .itq-wrapper .itq-navigation ul.main li.main:hover  a.main{
    background: #007197;
    text-decoration:none;
    color: #fff;
}
/* ------ ITEM ---- */
.itq-container .itq-wrapper .itq-navigation ul.item{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 45px;
    left: 0px;
    z-index: 1000;
    width: 220px;
    margin: 0px;
    padding: 0px;
    list-style: none;
    background: #FFF;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.itq-container .itq-wrapper .itq-navigation ul.item:before {
    content: "";
    position: absolute;
    top: -16px;
    left: 20px;
    border-top: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #FFF;
    border-left: 8px solid transparent;
}
.itq-container .itq-wrapper .itq-navigation ul.item li.item{
    position:relative;
}
.itq-container .itq-wrapper .itq-navigation ul.item li.item a.item{
    display: block;
    height:30px;
    line-height:30px;
    padding:0px 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #0070CC;
    font-size: 12px;
    text-decoration:none;
}
.itq-container .itq-wrapper .itq-navigation ul.item li.item:hover  ul.children{
    opacity: 1;
    visibility: visible;
    -webkit-animation: fadeInRight 0.3s ease 0s;
    -moz-animation: fadeInRight 0.3s ease 0s;
    -o-animation: fadeInRight 0.3s ease 0s;
    animation: fadeInRight 0.3s ease 0s;
}
.itq-container .itq-wrapper .itq-navigation ul.item li.item:hover a.item{
    background:#F2F2F2;
    text-decoration:none;
}
/* ------ CHILDREN ---- */
.itq-container .itq-wrapper .itq-navigation ul.children{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 220px;
    z-index: 1000;
    width: 220px;
    margin: 0px;
    padding: 0px;
    list-style: none;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.itq-container .itq-wrapper .itq-navigation ul.children:before {
    content: "";
    position: absolute;
    top: 8px;
    left: -16px;
    border-top: 8px solid transparent;
    border-right: 8px solid #FFF;
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
}
.itq-container .itq-wrapper .itq-navigation ul.children li.children{
}
.itq-container .itq-wrapper .itq-navigation ul.children li.children a.children{
    display: block;
    height:30px;
    line-height:30px;
    padding:0px 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #0070CC;
    font-size: 12px;
    text-decoration:none;
}
.itq-container .itq-wrapper .itq-navigation ul.children li.children:hover a.children{
    background:#F2F2F2;
    text-decoration:none;
}
/*===================itq-navigation=============*/

/* ------ .q-navigation---- */
.q-navigation{
    width: 100%;
    background: #fff;
    position: fixed;
    top: 0px;
    display: none;
    border-bottom: 1px solid #0098D3;
}
.q-navigation .q-wrapper{
    width: 980px;
    margin: 0px auto;
    padding: 0px 5px;
    border: 1px solid red;
}
.q-navigation .q-wrapper ul.main{
    margin:0px;
    padding:0px;
    list-style:none;
}
.q-navigation .q-wrapper ul.main li.main{
    float:left;
    position:relative;
}
.q-navigation .q-wrapper ul.main li.main a.main{
    float:left;
    margin:0px;
    padding:0px 7px;
    line-height:30px;
    color:#007197;
    text-decoration:none;
    white-space: nowrap;
    display: block;
    width: 100%;
    height: 26px;
    font-family: 'Roboto';
}
.q-navigation .q-wrapper ul.main li.main a.main .main-arrow{
    display: inline-block;
    margin: 0px 0px 0px 5px;
    vertical-align: middle;
    border-top: 4px solid #FFF;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 0 dotted;
    content: "";
}
.q-navigation .q-wrapper ul.main li.main:hover  ul.item{
    opacity: 1;
    visibility: visible;
    -webkit-animation: fadeInUp 0.3s ease 0s;
    -moz-animation: fadeInUp 0.3s ease 0s;
    -o-animation: fadeInUp 0.3s ease 0s;
    animation: fadeInUp 0.3s ease 0s;
}

.q-navigation .q-wrapper ul.main li.main:hover  a.main{
    background: #007197;
    text-decoration:none;
    color: #fff;
}
/* ------ ITEM ---- */
.q-navigation .q-wrapper ul.item{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 45px;
    left: 0px;
    z-index: 1000;
    width: 220px;
    margin: 0px;
    padding: 0px;
    list-style: none;
    background: #FFF;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.q-navigation .q-wrapper ul.item:before {
    content: "";
    position: absolute;
    top: -16px;
    left: 20px;
    border-top: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #FFF;
    border-left: 8px solid transparent;
}
.q-navigation .q-wrapper ul.item li.item{
    position:relative;
}
.q-navigation .q-wrapper ul.item li.item a.item{
    display: block;
    height:30px;
    line-height:30px;
    padding:0px 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #0070CC;
    font-size: 12px;
    text-decoration:none;
}
.q-navigation .q-wrapper ul.item li.item:hover  ul.children{
    opacity: 1;
    visibility: visible;
    -webkit-animation: fadeInRight 0.3s ease 0s;
    -moz-animation: fadeInRight 0.3s ease 0s;
    -o-animation: fadeInRight 0.3s ease 0s;
    animation: fadeInRight 0.3s ease 0s;
}
.q-navigation .q-wrapper ul.item li.item:hover a.item{
    background:#F2F2F2;
    text-decoration:none;
}
/* ------ CHILDREN ---- */
.q-navigation .q-wrapper ul.children{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 220px;
    z-index: 1000;
    width: 220px;
    margin: 0px;
    padding: 0px;
    list-style: none;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.q-navigation .q-wrapper ul.children:before {
    content: "";
    position: absolute;
    top: 8px;
    left: -16px;
    border-top: 8px solid transparent;
    border-right: 8px solid #FFF;
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
}
.q-navigation .q-wrapper ul.children li.children{
}
.q-navigation .q-wrapper ul.children li.children a.children{
    display: block;
    height:30px;
    line-height:30px;
    padding:0px 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #0070CC;
    font-size: 12px;
    text-decoration:none;
}

.q-navigation .q-wrapper ul.children li.children:hover a.children{
    background:#F2F2F2;
    text-decoration:none;
}
/*===================.q-navigation=============*/





.home-page{}
.home-page .itq-content{
    width: 664px;
    float: left;
}
.home-page .itq-content .owl-carousel-1{
    float: left;
    width: 250px;
    margin: 4px 4pc 4px 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
}    
#owl-demo-1 .owl-item div{
      padding:5px;
}
#owl-demo-1 .owl-item img{
      display: block;
      width: 50%;
      height: auto;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
}
.owl-buttons{
    position: absolute;
    top: 3px;
    right: -361px;
}
#owl-demo-1 .owl-pagination{
    display: none;
}   

.home-page .itq-content .hotnew{
    float: left;
    margin: 10px 0px 10px 0px;
}
.home-page .itq-content .hotnew h2{
    float: left;
    margin: 0px;
    padding: 0px;
}
.home-page .itq-content time{
    float: left;
    margin: 10px 0px 10px 0px;
}
.home-page .itq-content .featured{}
.home-page .itq-content .featured .featured-top{}
.home-page .itq-content .featured .featured-top figure{}
.home-page .itq-content .featured .featured-top figure a{}
.home-page .itq-content .featured .featured-top figure a img{}
.home-page .itq-content .featured .featured-top figure figcaption{}
.home-page .itq-content .featured .featured-top figure figcaption h1{}
.home-page .itq-content .featured .featured-top figure figcaption h1 a{}
.home-page .itq-content .featured .featured-top figure figcaption h1 a{}
.home-page .itq-content .featured .featured-top figure figcaption h1 span.social-hot{}
.home-page .itq-content .featured .featured-top figure figcaption p.summary{}
.home-page .itq-content .featured .featured-top ul.relate{}
.home-page .itq-content .featured .featured-top ul.relate li{}
.home-page .itq-content .featured .featured-top ul.relate li.picture{}
.home-page .itq-content .featured .featured-top ul.relate li.picture a{}
.home-page .itq-content .featured .featured-bot{}
.home-page .itq-content .featured .featured-bot figure
.home-page .itq-content .featured .featured-bot figure a
.home-page .itq-content .featured .featured-bot figure a img
.home-page .itq-content .featured .featured-bot figcaption
.home-page .itq-content .featured .featured-bot figcaption i
.home-page .itq-content .featured .featured-bot figcaption a
.home-page .itq-content .CustomScrollbar
.home-page .itq-content .CustomScrollbar .flexcroll
.home-page .itq-content .CustomScrollbar .flexcroll img
.home-page .itq-content .CustomScrollbar .flexcroll ul.flexcroll
.home-page .itq-content .CustomScrollbar .flexcroll ul.flexcroll li
.home-page .itq-content .CustomScrollbar .flexcroll ul.flexcroll li a
.home-page .sidebar-top{}
.home-page .sidebar-top .adstop-sidebar{}
.home-page .sidebar-top .adstop-sidebar figure
.home-page .sidebar-top .adstop-sidebar figure a
.home-page .sidebar-top .adstop-sidebar figure a img
.home-page .sidebar-top .ads-contact
.home-page .sidebar-top .ads-contact ul.itq-contact
.home-page .sidebar-top .ads-contact ul.itq-contact li
.home-page .sidebar-top .ads-contact ul.itq-contact li a
.home-page .sidebar-top .ads-contact ul.itq-contact li i
